<template>
    <div class="message">
      <slot></slot>
      <div class="container">
          <msg-item />
      </div>
    </div>
</template>

<script>
import MsgItem from './MsgItem.vue'
import MsgContent from './MsgContent.vue'

export default {
  name: 'message',
  components: {
    'msg-item': MsgItem,
    'msg-content': MsgContent
  }
}
</script>

<style scoped>
.message .container {
  padding: 0.47rem 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
</style>
